<template>
	<view class="wxlogin">
		<view class="wxlogin-img">
			<image src="../../static/wx-bg.png" mode="widthFix"></image>
		</view>
		<view class="quanxian">
			<text>申请获取以下权限</text>
			<text>获得你的公开信息(昵称，头像，地区等)</text>
		</view>
		<button class="wxlogin-btn bg-btn" lang="zh_CN" open-type="getUserInfo" @getuserinfo="wxOnLogin">微信授权</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				phone: '',
				title: '',
				contentHtml: '',
				val: false
			}
		},
		onShow() {
			let isImpower = uni.getStorageSync('isImpower')
			if (isImpower == '已授权') {
				// uni.redirectTo({
				// 	url:'../logo/logo'
				// })
			}
		},
		onLoad() {},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.wxlogin {
		width: 750upx;
		height: 100vh;
		background-color: #f7f7f7;

		.wxlogin-img {
			width: 100%;
			align-items: center;
			display: flex;
			justify-content: center;
			height: 350upx;

			image {
				margin-top: 30upx;
				width: 150upx;
			}
		}

		.quanxian {
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			width: 80%;
			border-top: 1px solid #e1e1e1;
			padding-top: 40upx;

			text:first-child {
				color: #333;
				font-size: 30upx;
			}

			text:last-child {
				color: #666;
				font-size: 26upx;
				margin-top: 20upx;
			}
		}

		.wxlogin-btn {
			margin-top: 200upx;
			width: 570upx;
			height: 90upx;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 500upx;
			background-color: #17ac21;
			font-size: 30upx;
		}

		.bottom {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 48upx;
		}

		.popup {
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			.popup-title {
				width: 100%;
				display: flex;
				align-items: center;
				justify-content: center;

				text {
					line-height: 3;
					font-size: 40upx;
				}
			}

			.popup-content {
				padding: 0 20upx;
			}

		}
	}
</style>
